.wrapper {

  --boxwidth : 400px;
  --boxheight: 450px;
}

.wrapper .box {
  position     : relative;
  width        : var(--boxwidth);
  height       : var(--boxheight);
  border-radius: 10px;
  box-shadow   : 16px 14px 20px #0000008c;
  overflow     : hidden;
}

.wrapper .box::before {
  position        : absolute;
  top             : -50%;
  left            : -50%;
  content         : "";
  background-image: conic-gradient(#096dd9 20deg, transparent 120deg);
  width           : 200%;
  height          : 200%;
  animation       : rotate 2s linear infinite;
  filter          : brightness(200%);
}

.wrapper form {
  position        : absolute;
  top             : 5px;
  left            : 5px;
  content         : "";
  width           : calc(var(--boxwidth) - 10px);
  height          : calc(var(--boxheight) - 10px);
  background-color: #101010;
  border-radius   : 10px;
  box-shadow      : inset 16px 14px 20px #0000008c;

  display        : flex;
  flex-direction : column;
  justify-content: center;
  box-sizing     : border-box;
  padding        : 32px;
}

.wrapper form h2,
.wrapper form h3 {
  position: absolute;
}

.wrapper form h2 {
  top      : 10%;
  font-size: 24px;
}

.wrapper form h3 {
  top      : 20%;
  font-size: 16px;
  color    : #8a8a8a;
}

.wrapper form div {
  display              : grid;
  grid-template-columns: 40px 1fr;
  justify-content      : center;
  align-items          : center;
  width                : 100%;
  font-size            : 16px;
  height               : 40px;
  background-color     : rgba(108, 108, 108, 0.2);
  margin-top           : 24px;
  border               : 1px solid #fff;
  border-radius        : 2px;
}

.wrapper form div img {
  margin: 0 auto;
  width : 24px;
  height: 24px;
}

.wrapper form button {
  height        : 32px;
  border-radius : 4px;
  margin-top    : 48px;
  border        : none;
  background    : linear-gradient(to left, #00c6ff, #0072ff);
  color         : #fff;
  letter-spacing: 2px;
  font-weight   : 600;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }

}